<template>
	<view class="container">
		<view class="F3container">
			<!-- 左 -->
			<view class="left" @click="_clickGoRequest_log">
				<image class="img" src="../../../static/image/request_log.png" mode=""></image>
				<text>申报记录</text>
				
			</view>
			<!-- 右 -->
			<view class="right">
				<image class="img" src="../../../static/image/identify.png" mode=""></image>
				<text>身份验证</text>
			</view>
			
			
		</view>
		
		<!-- 列表 -->
		<uniList>
			<uni-list-item 
			v-for="(choose,index) in options"
			:key='index'
			 :title="choose" 
			 note="">
			 </uni-list-item>
			
		</uniList>
	</view>
</template>

<script>
import uniList from '@/components/uni-list/uni-list.vue'
	export default {
		components:{
			uniList
		},
		data() {
			return {
				// 选项列表
				options:[
					'80岁以上高龄补贴申请',
					'最低生活补贴保障金申请 ',
					'困难临时救助金申请 	',
					'医保代交 ',
					'困难残疾人生活补贴申请 '
				],
			};
		},
		methods:{
			_clickGoRequest_log(){
				uni.navigateTo({
					url:'../requestInfo/requestInfo'
				})
			}
		}
	}
</script>

<style lang="scss">
	.container{
		
	
		//F3停车住宿样式		
		.F3container{
			display: flex;
			justify-content: space-between;
			padding: 30rpx;
			// 左
			.left{
				background-image: url(../../../static/image/onlineService_bg.png);
				background-repeat: no-repeat;
				background-size: 100%;
				height: 128rpx;
				width: 330rpx;
				display: flex;
				align-items: center;
				overflow: hidden;
				font-family: 'PingFang SC';
				font-style: normal;
				font-weight: 700;
				font-size: 16px;
				line-height: 22px;
				color: #FFFFFF;
			}
			
			.img{
				margin-left: 16rpx;
				margin-right: 22rpx;
				width: 100rpx;
				height: 100rpx;
			}
			
			// 右
			.right{
				background-image: url(../../../static/image/onlineService_bg.png);
				background-repeat: no-repeat;
				background-size: 100%;
				height: 128rpx;
				width: 330rpx;
				display: flex;
				align-items: center;
				overflow: hidden;
				font-family: 'PingFang SC';
				font-style: normal;
				font-weight: 700;
				font-size: 16px;
				line-height: 22px;
				color: #FFFFFF;
				
			}
			
			
		}
	}
</style>
